﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="SindSaude._default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="css/960_24_col.css" rel="stylesheet" type="text/css" />
    <link href="css/StyleDefault.css" rel="stylesheet" type="text/css" />
    <link href="css/fullcalendar.css" rel="stylesheet" type="text/css" />
    <link href="css/Jquery.UI.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="lib/moment.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <script src="js/jquery.cycle.all.js" type="text/javascript"></script>
    <script src="js/fullcalendar.min.js" type="text/javascript"></script>
    <script src="js/gcal.js" type="text/javascript"></script>
    <script src="lang/pt-br.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#calendar').fullCalendar({
                header: {
                    left: 'prev',
                    center: 'title',
                    right: 'next'
                },
                lang: 'pt-br',
                events: 'https://www.google.com/calendar/feeds/diers20%40gmail.com/public/basic',
                eventMouseover: function (event) {
                    // opens events in a popup window
                    window.open(event.url, 'gcalevent', 'width=280,height=200');
                    return false;
                },

                loading: function (bool) {
                    $('#loading').toggle(bool);
                }
            })
        });
	</script>
    
    <script type="text/javascript">
        $(document).ready(function () {
            $(".slider").cycle({
                fx: 'fade',
                next: '.prox',
                prev: '.ante',
                pager: $('.pager'),
                pagerAnchorBuilder: function (index, DOMelement) {
                    return '<a></a>';
                },
                activePagerClass: 'sliderActive'
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function () {
            $('#carousel').cycle({
                fx: 'scrollHorz',
                next: '#next',
                prev: '#prev'   
            });
        });
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <form id="form1" runat="server">
    <div class="container_24">
		<div id="line1" class="grid_24">
			<div class="grid_14 alpha">
				<div id="bloco1">
					<div id="bloco1-1">
						<header><a href="banconoticias.aspx">Últimas Noticias</a></header>
						
						<section class="box">			
							
							<hr>
							<div class="slider">
								<asp:Repeater ID="rpt_Imagens" runat="server">
                                    <ItemTemplate>
                                        <div class="slider-item">
									        <a href="<%#Eval("url")%>" target="_parent"><img src='<%#Eval("strCaminho_Imagem") %>' width="502" height="210" alt="img1"></a>
								         </div>
                                    </ItemTemplate>
                                </asp:Repeater>
								<!--<div class="slider-item">
									<img src="img/img1.jpg" width="502" height="210" alt="img1">
								</div>
								<div class="slider-item">
									<img src="img/img2.jpg" width="502" height="210" alt="img2">
								</div>
								<div class="slider-item">
									<img src="img/img3.jpg" width="502" height="210" alt="img3">
								</div>	
								<div class="slider-item">
									<img src="img/img4.jpg" width="502" height="210" alt="img4">
								</div>-->
							</div>							
						</section>
						<footer>
						<hr>
							
							<div id="pager">
								<span class="pager"></span>
							</div>
							
							<div id="paginacao">
								<a href="#" class="ante" id="btn-prev"></a>
								<a href="#" class="prox" id="btn-next"></a>
							</div>
							<%--<div class="info">
						    <a href="<%#Eval("url")%>" target="_parent"><%#Eval("strNome")%></a>
                            <a href="<%#Eval("url")%>" target="_parent">Leia mais</a>
						</div>--%>
						</footer>
					</div>
				</div>
			</div>
			<div class="grid_10 omega">
				<div id="bloco-1">
					<div id="bloco1-2">
						<header>
						TV SindSaúde
						<hr>
						</header>
							
						<section>
							
								<iframe width="355" height="208" frameborder="0" scrolling="no"
src="https://www.youtube.com/embed/m-Tuvz2Iv3Y">
</iframe>
							
						</section>
						<footer>
						<hr>
						<a href="tvsindsaude.aspx" alt="+ Videos">+ Videos</a>
						
						</footer>
						</div>
				</div>
			</div>
		</div>
	
	
	<div id="line2" class="grid_24">
			<div class="grid_8 alpha">
				<div id="bloco2">
					<div>
						<header>Fala Presidenta
						<hr>
						</header>
						<section>
						<p>Vistoria no Stella Maris</p>
                        <img id="imgPres" src="img/elaine.png" alt="Presidente" width="155" height="128" />
						</section>
					</div>
				</div>
			</div>
			<div class="grid_16 omega">
				<div id="bloco2-1">
					<iframe src="contSindical.aspx" width="618" height="191" frameborder="0" scrolling="no"></iframe>
				</div>
			</div>
		</div>
		
		
		<div id="line3" class="grid_24">
			<div class="grid_16 alpha">
				<div class="bloco3">
					<div id="bloco3-1">
						<header><a href="galeria.aspx" target="_parent">Galeria de Imagens</a>
						<hr>
						</header>
                        
						<section>
                       
							<div id="a"><a href="#" id="prev" class="setaEsquerda"></a>
								<%--<img src="img/seta-media-esquerda.png" alt="" id="prev"/>--%>
							</div>
							 
							
							<div id="carousel">
                             	<%--<asp:Repeater ID="RptGaleria" runat="server">
                                    <ItemTemplate>
                                        <div class="slider-item">
									        <a href="<%#Eval("url")%>" target="_parent"><img src='<%#Eval("strCaminho_Imagem") %>' width="90" height="90" alt="img1"></a>
								         </div>
                                    </ItemTemplate>
                                </asp:Repeater>	--%>						                              
								<ul>
                                
								    <li><a href="#"><img src="<%#Eval("strCaminhoImagem")%>" width="90" height="90" alt="" /><footer>Dia das Crianças</footer></a></li>
								    <li><a href="#"><img src="img/img2.jpg" width="90" height="90" alt="" /><footer>Futebol de Campo</footer></a></li> 
								    <li><a href="#"><img src="img/img3.jpg" width="90" height="90" alt="" /><footer>Paralisação na Stos...</footer></a></li> 
								    <li><a href="#"><img src="img/img4.jpg" width="90" height="90" alt="" /><footer>Ponto no Jd. Paulista</footer></a></li>
								    <li><a href="#"><img src="img/img4.jpg" width="90" height="90" alt="" /><footer>Ponto no Jd. Paulista</footer></a></li>
								 
                                </ul>
								
								<ul>
								    <li><a href="#"><img src="img/img2.jpg" width="90" height="90" alt="" /><footer>Ponto no Jd. Paulista</footer></a></li>
								    <li><a href="#"><img src="img/img1.jpg" width="90" height="90" alt="" /><footer>Ponto no Jd. Paulista</footer></a></li>
								    <li><a href="#"><img src="img/img3.jpg" width="90" height="90" alt="" /><footer>Ponto no Jd. Paulista</footer></a></li>
								    <li><a href="#"><img src="img/img4.jpg" width="90" height="90" alt="" /><footer>Ponto no Jd. Paulista</footer></a></li>
								    <li><a href="#"><img src="img/img4.jpg" width="90" height="90" alt=""/><footer>Ponto no Jd. Paulista</footer></a></li>
								</ul>
							
							</div>
                           
							<div id="c"><a href="#" id="next" class="setaDireita"></a>
								<%--<img src="img/seta-media-direita.png" alt="" id="next"/>--%>
							</div>
                            
						</section>
					</div>										
						
				</div>
			</div>
			<div class="grid_8 omega">
				<div class="bloco3">
                    <div id="bloco3-2">
					<iframe src="CNTSS.aspx" width="300" height="195" frameborder="0" scrolling="no"></iframe>
				    </div>
                </div>
			</div>
		</div>
		
		
		<div id="line4" class="grid_24">
			<div class="grid_8 alpha">
				<div id="bloco4-1">
					<iframe src="Cut.aspx" width="300" height="300" frameborder="0" scrolling="no"></iframe>
				</div>
				<div id="bloco4-2">
					<div>
						<header><a href="diretoria.aspx">Diretoria</a>
						<hr>
						</header>
						<section>
						<p>Conheca o quadro diretivo de seu sindicato.</p>
						</section>
					</div>
				</div>
            <!--BLOCO PONTO DE VISTA-->

			<div id="bloco4-3">
					<div>
						<header>Ponto de vista
							<hr>
						</header>
							<section>
								<p>Medicos cubanos, bolivianos,equatorianos...</p>
							</section>
					</div>
				</div>

			</div>
			<div class="grid_8">

            <!--BLOCO JURIDICO-->

			<div id="bloco5-1">
					<div>
					<header>Juridico
						<hr>
					</header>
						<section>
							<p>Sindsaúde entra com ação de correção do FGTS.</p>
						</section>
					<footer>abril 2014</footer>
					</div>
				</div>

            <!--BLOCO AGENDA-->

			<div id="bloco5-2">
					<div id="bloco5-2-1">
					<header>Agenda</header>
					
					<div id="calendar"></div>
					</div>
					<div id="loading"></div>
				</div>

			</div>
			
			<div class="grid_8 omega">
            <!--BLOCO SERVIÇOS-->

			<div id="bloco6-1">
				<div>
					<header>Serviços
							<hr>
						</header>
					
					<section>
				
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Saúde</a></footer>
					</div>
					
                        
					
					<div class="block">
						<section>
                        <!--<asp:DataList ID="DataList1" runat="server" RepeatColumns="4">
                        </asp:DataList>-->
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Dentista</a></footer>
					</div>
					
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Cabelereiros</a></footer>
					</div>
					
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Multas</a></footer>
					</div>
					
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Juridico</a></footer>
					</div>
					
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Colonias</a></footer>
					</div> 
					
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Clubes</a></footer>
					</div>
					
					<div class="block">
						<section>
							<img src="#" alt="" width="45" height="50">
						</section>
						<footer><a href="#">Convênios</a></footer>
					</div>
					</section>
				</div>
			</div>

            <!--BLOCO FACEBOOK-->

			<div id="bloco6-2">
					
                    <div id="fb-root"></div>
        <script>
           (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));</script>
                    <div class="fb-like-box" data-href="https://www.facebook.com/sindsaudeguarulhos" data-width="297" data-height="280" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
				</div>

			</div>
		</div>						
	</div>
    
    </form>
    
</asp:Content>
